<template>
  <div class="box">
      <div class="item item_1">item_1</div>
      <div class="item_2">
        <div style="width: 500px">item_2</div>
      </div>
      <div class="item item_3">item_3</div>
      <div class="item item_4">item_4</div>
      <div class="item item_5">item_5</div>
  </div>
</template>

<style scoped>
.box{
  display: flex;
  flex-wrap: wrap; /*nowrap | wrap | wrap-reverse;*/
}
.item {
  flex: 1;
  border: 1px solid #333;
  min-width: 100px;
  height: 100px;
}
.item_2 {
  width: 500px;
  background: blanchedalmond;
}
.item_3 {
  height: 200px;
}
.item_4 {
  align-self: flex-start;
}
</style>